@import "../commonFunc";

.file_viewer_module {
    .navList {
        display: inline-block;
        margin-top: px2rem(10);

        ul {
            @include displayFlex;

            li {
                @include widthHeight(px2rem(120), px2rem(40));
                @include displayFlex;
                border: 1px solid $defaultColor;
                @include fontSize(px2rem(16));
                @include color(#6E4B30);
                cursor: pointer;
                border-right: none;

                &:last-of-type {
                    border-right: 1px solid $defaultColor;
                }

                &:hover {
                    opacity: .8;
                }

                &.active {
                    @include bgColor($defaultColor);
                    @include color(white);
                }
            }
        }
    }

    .file_viewer_container {
        .viewer_box {
            margin-top: px2rem(15);
            border: 1px solid #E9DDCB;
            border-top: none;


            h3 {
                @include bgColor(rgba(175, 137, 98, .2));
                height: px2rem(34);
                @include displayFlex;
                justify-content: flex-start;
                padding-left: px2rem(20);
                @include fontSize(px2rem(16));
                @include color(#6E4B30);
            }

            .file_list_section {
                > div {
                    padding: px2rem(8);
                }
            }
        }
    }
}